<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>4-案例-表单</title>
</head>
<body>
    <div>
        <h3>青春不常在，抓紧谈恋爱</h3>
        <hr>
        <p>昵称：<input type="text" placeholder="请输入昵称..." name="nickname"></p>
        <p>
            性别：<input type="radio" name="sex" value="0" checked>男
            <input type="radio" name="sex" value="1" checked>女  
        </p>
        <p>
            所在城市: <select name="cityid">
                <option value="-1">请选择城市</option>
                <option value="1" selected>西安</option>
                <option value="2">北京</option>
            </select>
        </p>
        <p>
            婚姻状况：
            <input type="radio" name="marry" value="0" checked>未婚
            <input type="radio" name="marry" value="1">已婚
            <input type="radio" name="marry" value="2">保密
        </p>
        <p>
            喜欢的类型：
            <input type="checkbox" name="love" value="0" checked>可爱
            <input type="checkbox" name="love" value="1">性感
            <input type="checkbox" name="love" value="2">御姐
            <input type="checkbox" name="love" value="3" checked>萝莉
            <input type="checkbox" name="love" value="4">小鲜肉
            <input type="checkbox" name="love" value="5">大叔
        </p>
        <p>
            个人介绍:
            <textarea name="content" cols="30" rows="3"></textarea>
        </p>
        <h3>我承诺</h3>
        <ul>
            <li>年满18岁、单身</li>
            <li>抱着严肃的态度</li>
            <li>真诚寻找另一半</li>
        </ul>
        <p>
            <input type="checkbox" name="ison" value="1">我同意所有条款
        </p>
        <p>
            <input type="submit" value="免费注册">
            <input type="reset" value="重置">
        </p>
    </div>
</body>
</html>